<!DOCTYPE html>
<html>
<head>
	<title>Backend</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta http-equiv="Cache-Control" content="No-Cache" />
	<meta http-equiv="Pragma" content="No-Cache" />
	<meta http-equiv="Expires" content="-1" />
	<script type="text/javascript" src="<?php echo PUBLIC_URL; ?>ext/jquery/jquery-1.6.1.min.js"></script>
	<script type="text/javascript">
	$(function () {
		if (top.location != self.location) {
			top.location = self.location.href;
		}
		
		try {
			$('#login').focus();
		} catch (e) {}
	});
	</script>
	<style type="text/css">
	body {
		font-family: Verdana;
		font-size: 100%;
		background: #fff;
	}
	.login_field_off {
		width: 300px;
		border: 1px solid #777;
		background: #ddd;
		direction: ltr;
		font-size: 1.5em;
	}
	.login_field_on {
		width: 300px;
		border: 1px solid #000;
		background: #eee;
		direction: ltr;
		font-size: 1.5em;
	}
	.login_button_off {
		width: 150px;
		border: 1px solid #000;
		background: #777;
		color: #fff;
		cursor: pointer;
		font-size: 1.3em;
	}
	.login_button_on {
		width: 150px;
		border: 1px solid #000;
		background: #333;
		color: #fff;
		cursor: pointer;
		font-size: 1.3em;
	}
	</style>
</head>
<body>

<div style="margin:100px auto; width:400px; border:5px solid #ddd;">
	<form action="<?php echo BASE_URL; ?>user/login" method="post">
		<div style="background:#6a94ae; padding:5px; font-size:1.7em; color:#fff;">Node CMS <span style="color:#ccc; font-size:0.5em;"><?php echo $this->config['version']; ?></span></div>
		<?php if (!empty($error)) { ?>
			<div style="padding:3px; color:#fff; background:#990000;">&nbsp;<?php echo $error; ?></div>
		<?php } ?>
		<div style="background:#eee; padding:10px;">
			<div>User name (login)</div>
			<div><input type="text" id="login" name="login" value="<?php echo $login;?>" class="login_field_off" onfocus="className='login_field_on'" onblur="className='login_field_off'" /></div>
			<div style="padding-top:20px;">Password</div>
			<div><input type="password" id="password" name="password" class="login_field_off" onfocus="className='login_field_on'" onblur="className='login_field_off'" /></div>
			<div style="height:20px;">&nbsp;</div>
			<div><input type="submit" name="perform_login" value="Login" class="login_button_off" onmouseover="className='login_button_on'" onmouseout="className='login_button_off'" /></div>
		</div>
	</form>
</div>

</body>
</html>